@charset "utf-8";

/* 公用部分 */
body,div,p,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,select,input,textarea,blockquote,table,th,td{margin:0;padding:0;}
body {background:#FFF url(/images/top_bg.gif) center top no-repeat;}
body,td,th {font-family: Arial, Verdana, Helvetica, sans-serif;font-size:12px;color:#333;line-height:20px;}
a:link,a:visited {text-decoration:none;color:#369;}
a:active,a:hover {background-color:#039;color:#FFF;}
img {border:0;}
::selection {color:#FFF;background:#039;}
::-moz-selection{color:#FFF;background:#039;}

h1 {font-size:20px;color:#333;font-weight:bold;line-height:30px;height:30px;margin:20px 0 10px;}
h2 {font-size:14px;color:#555;line-height:22px;font-weight:normal;height:22px;margin:15px 0 12px;white-space:nowrap;}
h2 span {font-size:12px;color:#999;display:-moz-inline-box;display:inline-block;*display:inline;zoom:1;background:url(/images/u148_main_bg.gif) 12px -231px no-repeat;padding-left:60px;}
h2 strong {color:#F90;}
h3 {font-size:14px;font-weight:normal;line-height:20px;height:20px;}
h4 {font-size:12px;width:100%;font-weight:normal;line-height:20px;height:20px;background:#F2F9FC;}
h5 {font-size:14px;width:100%;font-weight:normal;line-height:20px;height:20px;background:#F2F9FC; margin-bottom:10px;}

.head {margin:0 auto;width:950px;height:60px;overflow:hidden;}
.head .logo {float:left;margin:15px 0 0 0;overflow:hidden;}
.head .logo a {background:url(/images/u148_main_bg.gif) no-repeat 0 0 transparent;width:180px;height:40px;display:block;line-height:10em;}
.head .logo a:hover {background:url(/images/u148_main_bg.gif) no-repeat 0 0 transparent;}
.head .hello {float:right;width:755px;overflow:hidden;height:20px;line-height:20px;margin:10px 0 0 0;text-align:right;}
.head .hello span {color:#F90;}


.u148main {width:950px;margin:0 auto;overflow:hidden;}
.u148content {float:left;width:590px;overflow:hidden;}
.u148sidebar {float:right;width:310px;overflow:hidden;}

.grouplist {width:100%;overflow:hidden;}
.grouplist ul {list-style:none;}
.grouplist ul li {float:left;margin:10px 0 5px;width:76px;height:92px;overflow:hidden;text-align:center;color:#777;}
.grouplist ul li img {width:48px;height:48px;margin:0;padding:0;}

.topiclist {width:100%;border:0;}
.topiclist tr th,.topiclist tr td {padding:5px;text-align:left;border-bottom:1px dashed #DDD;color:#777;}
.topiclist tr th.alignr,.topiclist tr td.alignr {text-align:right;}
.topiclist tr th {font-weight:normal;color:#666;}
.topicbottom {height:20px;margin:20px 0;text-align:right;font-size:14px;}

.sidebar {width:310px;overflow:hidden;}
.sidebar ul {width:300px;list-style:none;margin:0 auto;}
.sidebar ul li {width:300px;height:30px;line-height:30px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;border-bottom:#DDD 1px dashed;}

.groupintro {background:#F2F9FC;width:560px;padding:15px;word-break:break-all;word-wrap:break-word;}
.groupintro img {float:left;margin-right:12px;}
.cdate {padding:10px 20px;text-align:right;}

.topic_content {width:590px;border:0;}
.topic_content tr td {line-height:22px;padding:5px 0;text-align:left;vertical-align:top;}
.topic_content tr td h3 {font-size:14px;font-weight:normal;line-height:22px;height:22px;}
.topic_reply {}
.topic_reply tr td {line-height:22px;padding:5px 0;text-align:left;vertical-align:top;}
.topic_reply tr td h4 {font-size:12px;width:450px;font-weight:normal;line-height:20px;height:20px;background:#F2F9FC;padding:0 10px;}
.topic_content tr td img,.topic_reply tr td img {width:48px;height:48px;}
.topic_content tr td .content {width:490px;padding:10px 15px;white-space:normal;word-break:break-all;word-wrap:break-word;}
.topic_reply tr td .content {width:440px;padding:15px;white-space:normal;word-break:break-all;word-wrap:break-word;}
.reply_form {width:440px;height:120px;overflow-x:hidden;overflow-y:auto;margin:10px 15px;font-size:14px;line-height:26px;}
.reply_button {width:100px;height:26px;text-align:center;margin:0 15px;}
.operate {margin:5px 0 0 0;text-align:right;}
.operate a:link,.operate a:visited {text-decoration:none;color:#CCC;}
.operate a:active,.operate a:hover {text-decoration:none;color:#FFF; background:#F90;}

.editable {border:0;width:100%;}
.editable tr td {line-height:20px;padding:8px 4px;text-align:left;vertical-align:top;white-space:normal;word-break:break-all;word-wrap:break-word;}
.editable tr td.alignr {text-align:right;}
.editopic_title {width:100%;height:20px;}
.editopic_content {width:100%;height:360px;overflow-x:hidden;overflow-y:auto;}
.editgroup_title {width:100%;height:20px;}
.editgroup_content {width:100%;height:200px;overflow-x:hidden;overflow-y:auto;}

.search {background:#F2F9FC;width:280px;height:26px;margin:10px auto;padding:8px 10px;}
.search .text {border:1px solid;border-color:#B5CCDA #DAE4EA #D9E3E9 #B5CCDA;width:205px;height:24px;line-height:24px;padding:0 5px;font-size:14px;}
.search .button {width:60px;height:26px;background:url(/images/u148_main_bg.gif) -110px -275px no-repeat;text-indent:-999em;border:0;cursor:pointer;}

.pageli {margin:35px auto;height:26px;line-height:26px;text-align:center;}
.pageli a {border:#8db5d7 1px solid;padding:2px 5px;margin-right:5px;text-decoration:none;}
.pageli a:hover,.pageli a:active {border:#F90 1px solid;background:#FFF;color:#F90;}
.pageli span.current {border:#F90 1px solid;padding:2px 5px;margin-right:2px;font-weight:bold;color:#000;margin-right:5px;background-color:#F90;}
.pageli span.disabled {border:#ccc 1px solid;padding:2px 5px;margin-right:5px;color:#ccc;}

.groupsort {width:590px;overflow:hidden;}
.groupsort ul {list-style:none;}
.groupsort ul li {float:left;width:175px;height:65px;padding: 0 15px 15px 0;}
.groupsort ul li h5 {padding:2px 0 2px 10px;width:165px;}

/* 常用样式 */
.height1 {height:10px;overflow:hidden;}
.height2 {height:20px;overflow:hidden;}
.height13 {height:130px;overflow:hidden;}
.clear1 {clear:both;}
.line1 {width:98%;border-top:#CCC 1px dashed;margin:0 auto;height:1px;overflow:hidden;}
.size1 {font-size:10px;}
.size2 {font-size:12px;}
.size3 {font-size:14px;}
.color1 {color:#999;}
.color2 {color:#DDD;}

.bai{background:#FFF;}
.hui{background:#FCFCFC;}
.loading {font-size:12px;color:#555;background:url(/images/loading.gif) 0 0 no-repeat;padding-left:22px;margin:10px auto;width:125px;height:16px;line-height:16px;}
.radius {border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.input_submit {padding:3px 15px;}
.button_search {width:60px;height:26px;background:url(/images/u148_main_bg.gif) -110px -275px no-repeat;text-indent:-999em;border:0;cursor:pointer;}
.prompt {background:url(/images/u148_main_bg.gif) 0 -322px no-repeat;width:235px;height:36px;line-height:36px;font-size:14px;margin:10px auto;padding-left:45px;color:#666;}

.input_edit {border:#DDD 1px solid;padding:2px 5px;margin-right:5px;vertical-align:middle;}
.input_1 {width:100px;height:20px;line-height:20px;}
.input_2 {width:200px;height:20px;line-height:20px;}
.input_3 {width:300px;height:20px;line-height:20px;}
.input_4 {width:400px;height:20px;line-height:20px;}
.input_5 {width:500px;height:20px;line-height:20px;}
.input_6 {width:650px;height:20px;line-height:20px;}
.textarea_edit {border:#DDD 1px solid;padding:2px 5px;margin-right:5px;overflow:auto;font-size:14px;}
.textarea_5 {width:500px;height:200px;line-height:20px;}
.textarea_6 {width:650px;height:360px;line-height:20px;}

/* 1、橙色 2、黑色 3、绿色 4、亮蓝 5、桃红 */
.link1 {color:#F90;}
a.link1:link,a.link1:visited {text-decoration:none;color:#F90;}
a.link1:active,a.link1:hover {background:#C00;color:#FFF;}
.link2 {color:#555;}
a.link2:link,a.link2:visited {text-decoration:none;color:#555;}
a.link2:active,a.link2:hover {background:#039;color:#FFF;}
.link3 {color:#060;}
a.link3:link,a.link3:visited {text-decoration:none;color:#060;}
a.link3:active,a.link3:hover {background:#060;color:#FFF;}
.link4 {color:#09B;}
a.link4:link,a.link4:visited {text-decoration:underline;color:#09B;}
a.link4:active,a.link4:hover {background:#039;color:#FFF;}
.link5 {color:#FF0084;}
a.link5:link,a.link5:visited {text-decoration:none;color:#FF0084;}
a.link5:active,a.link5:hover {background:#FF0084;color:#FFF;}

.foot {width:950px;margin:30px auto 0 auto;overflow:hidden;line-height:26px;color:#999;background:url(/images/u148_main_bg.gif) center -520px no-repeat;padding:20px 0;text-align:center;}
.foot a:link,.foot a:visited {text-decoration:none;color:#333;}
.foot a:active,.foot a:hover {background:#039;color:#FFF;}